.banner{
  padding: 30rpx;
  swiper{
    width:690rpx;
    height: 460rpx;
    swiper-item{
      width: 690rpx;
      height: 460rpx;
      border-radius: 30rpx;
    }
  }
}

.scrollNav{
  padding: 60rpxb 30rpx;
  scroll-view{
    white-space: nowrap;
    .item{
      display: inline-block;
      padding: 0 25rpx;
      text-align: center;
      .pic{
        width: 105rpx;
        height: 105rpx;
        image{
          width:100%;
          height:100%;
        }
      }
      .text{
        font-size: 32rpx;
        color:var(--globalColor);
        padding-top: 10rpx;
      }
    }
    .item:first-child{padding-left:10;}
    .item:last-child{padding-right:10;}
  }
}
.jiankongpic {
  width: 690rpx;
  height: 460rpx;
  margin: 20rpx 20rpx;  /* 设置图片上下左右的间距 */
  position: relative;  /* 设置图片为相对定位，以便在图片上添加图标 */
}

/* 视频播放图标的样式 */
.video-icon {
  position: absolute;  /* 设置图标为绝对定位 */
  top: 50%;  /* 设置图标垂直居中 */
  left: 50%;  /* 设置图标水平居中 */
  transform: translate(-50%, -50%);  /* 将图标向左和向上平移 50%，使其居中显示 */
  font-size: 50rpx;  /* 设置图标的大小 */
  color: white;  /* 设置图标的颜色 */
}
.about{
  padding: 50rpx 30rpx 80rpx;
  background:url();
  background-size: cover;
  .content{
    .row{
      line-height: 1.6em;
      text-indent: 2em;
      font-size: 32rpx;
      padding: 20rpx 0rpx;
      border-bottom: 1rpx dashed var(--themeColor);
      color: var(--focusColor);
    }
    .row:first-child{
      padding-top: 0;
    }
    .row:last-child{
      padding-bottom: 0;
      border-bottom: none;
    }
  }
}

.pubTitle{
  text-align: center;
  .en{
    font-size: 86rpx;
    font-weight: 900;
    text-transform:uppercase;
    color:var(--globalColor);
    opacity: 0.3;
  }
  .cn{
    font-size: 56rpx;
    font-weight: 900;
    transform: translateY(-60rpx);
    color:var(--globalColor);
  }
  .line{
    width: 100rpx;
    height: 5rpx;
    background:var(--globalColor);
    opacity: .6;
    display: inline-block;
    transform: translateY(-40rpx);
  }
}

.news{
  padding:50rpx 30rpx;
}

//四宫格
 
.grid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 600rpx;
}
 
.grid .grid-item {
  position: relative;
  padding: 30rpx;
  width: 50%;
  box-sizing: border-box;
  border: 1px solid #eee;
  font-size: 30rpx;
  flex-direction: column;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
 
.grid .grid-item image {
  margin: 0 auto;
  width: 60rpx;
  height: 60rpx;
}
 
.grid .grid-item .num {
  font-size: 40rpx;
  color: rgb(43, 156, 94);
}
 
.grid .grid-item .tag {
  font-size: 20rpx;
  border-radius: 30rpx;
  padding: 2rpx 10rpx;
  height: 30rpx;
  color: white;
  background: rgb(108, 205, 230);
  position: absolute;
  margin: auto;
  top: 40rpx;
  right: 40rpx;
}